jumbotron jumbotron-fluid

bootstrap5.css

bootstrap5.css
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

html bootstrap5 Sample

ジャンボトロンを全幅で表示する:jumbotron-fluid


Fluid jumbotron

これは全幅のジャンボトロンのサンプルです。

  <div class="jumbotron jumbotron-fluid">
    <div class="container">
      <h4 class="display-3">Fluid jumbotron</h4>
      <p class="lead">これは全幅のジャンボトロンのサンプルです。</p>
    </div>
  </div>